home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Freeware / Read It Later 0.9924 / read_it_later-0.9924-fx.xpi / chrome / isreaditlater.jar / skin / isreaditlater.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-11-02  |  9.6 KB  |  443 lines
  1.  
  2. /* --- Minor Classes --- */
  3.  
  4. .isRitL-h3 { font-size: 14px; font-weight: bold; margin-top: 30px; }
  5. .isRitL-dim,
  6. .isRitL-notoffline { -moz-opacity:0.4 }
  7. groupbox.isRitL-dim label { color: #aca899; }
  8.  
  9.  
  10. /* --- Toolbar --- */
  11.  
  12. #nav-bar .isRitL-drop {
  13.     padding: 20px 0px 0px 0px;
  14. }
  15. #nav-bar .isRitL-unread-count {
  16.     padding: 10px 0px 0px 0px;
  17.     font-size: 9px;
  18. }
  19.  
  20. .isRitL-drop,
  21. #navigator-toolbox[iconsize="small"] #nav-bar #isRitL-ReadSomething .isRitL-drop {
  22.     padding: 13px 0px 0px 0px;
  23.     margin:0px 3px 0px 0px;
  24. }
  25. .isRitL-unread-count,
  26. #navigator-toolbox[iconsize="small"] #nav-bar #isRitL-ReadSomething .isRitL-unread-count {
  27.     margin: 0px 3px 0px 0px;
  28.     padding: 5px 0px 0px 0px;
  29.     font-size: 8px;
  30. }
  31.  
  32. #isRitL-ReadSomething,
  33. #navigator-toolbox[iconsize="small"] #nav-bar #isRitL-ReadSomething {
  34.     height: 20px;
  35.       list-style-image: url("chrome://isreaditlater/skin/book16.png");
  36. }
  37. #isRitL-ReadSomething.isRitL-Warn,
  38. #navigator-toolbox[iconsize="small"] #nav-bar #isRitL-ReadSomething.isRitL-Warn {
  39.     height: 20px;
  40.       list-style-image: url("chrome://isreaditlater/skin/book16_warn.png");
  41. }
  42. #nav-bar #isRitL-ReadSomething {
  43.     list-style-image: url("chrome://isreaditlater/skin/book24.png");
  44. }
  45. #nav-bar #isRitL-ReadSomething.isRitL-Warn {
  46.     list-style-image: url("chrome://isreaditlater/skin/book24_warn.png");        
  47. }
  48.  
  49.  
  50. #isRitL-ClickToSaveButton { 
  51.     list-style-image: url("chrome://isreaditlater/skin/clicksave.png");
  52.     padding:0 5px 0 5px;
  53. }
  54.  
  55.  
  56. /* --- Checkmark in Location Bar --- */
  57.  
  58. #isRitL-mark1 { width:10px; padding:1px 0px 1px 0px; list-style-image: url("chrome://isreaditlater/skin/mark1_full_16.png"); }
  59. #isRitL-mark2 { width:6px; padding:1px 0px 1px 0px; list-style-image: url("chrome://isreaditlater/skin/mark2_full_16.png"); }
  60.  
  61. #isRitL-mark1.isRitL-hover { list-style-image: url("chrome://isreaditlater/skin/mark1_full_hover_16.png"); }
  62. #isRitL-mark2.isRitL-hover { list-style-image: url("chrome://isreaditlater/skin/mark2_full_hover_16.png"); }
  63.  
  64. #isRitL-later { padding:1px; width:16px; list-style-image: url("chrome://isreaditlater/skin/markempty16.png"); }
  65.  
  66.  
  67.  
  68. /* --- PANELS --------------------------- */
  69.  
  70. #isRitL-List,
  71. #isRitL-Offline,
  72. #isRitL-Anywhere {
  73.     width: 345px;
  74.     padding: 4px;
  75. }
  76. #isRitL-List label,
  77. #isRitL-Offline label {
  78.     text-decoration: none;
  79. }
  80. #isRitL-markAndIcon,
  81. #isRitL-ListIcon,
  82. #isRitL-OfflineIcon {
  83.     list-style-image: url("chrome://isreaditlater/skin/book48.png");
  84.     width: 48px;
  85.     height: 48px;
  86.     min-height: 48px;
  87. }
  88.  
  89. #isRitL-markAndTitle,
  90. #isRitL-ListTitle,
  91. #isRitL-OfflineTitle {
  92.     font-size: 130%;
  93. }
  94. panel#isRitL-markAnd,
  95. panel#isRitL-List { /*background: #FFFFFF;*/ }
  96.  
  97. #isRitL-List[forcestyle="true"],
  98. #isRitL-markAnd[forcestyle="true"] {
  99.     color: #000000;
  100.         background: #FFFFFF;
  101. }
  102.  
  103.  
  104. /* --- Reading List --- */
  105.  
  106. #isRitL-List menulist {
  107.     min-height: 21px;
  108. }
  109. #isRitL-List label.text-link:hover {
  110.     text-decoration: underline;
  111. }
  112. #isRitL-ListSort,
  113. #isRitL-ListFilter {
  114.     width: 275px;
  115. }
  116. #isRitL-List[forcestyle="true"] #isRitL-ListSort,
  117. #isRitL-List[forcestyle="true"] #isRitL-ListFilter {
  118.         background: #FFFFFF;
  119. }
  120.  
  121.  
  122.  
  123. .isRitL-ListMenu label {
  124.     font-size: 10px;
  125.     text-align: right;
  126. }
  127. #isRitL-ListContent {
  128.     margin: 20px 0px 18px 0px;
  129. }
  130. .isRitL-ListRow {
  131.     height: 41px;
  132.     font-size: 12px;
  133.     padding-left: 30px;
  134.     padding-top: 4px;
  135.     background: 8px 11px no-repeat;
  136. }
  137. .isRitL-ListItem {
  138.     min-width: 100px;
  139.     max-width: none;
  140.     min-height: 15px;
  141.     max-height: 15px;
  142. }
  143. .isRitL-ListDomain {
  144.     margin-top: -4px;
  145.     min-width: 100px;
  146.     max-width: none;
  147.     color: #909090;
  148.     font-size: 9px;
  149. }
  150.  
  151. .isRitL-ListItem:hover,
  152. .isRitL-ListDomain:hover {
  153.     cursor: pointer;
  154.     text-decoration: underline !important;
  155. }
  156.  
  157. .isRitL-ListMark {
  158.     margin: 0px 5px 0px 10px;
  159.     padding: 0px;
  160.     height: 21px;
  161.     min-width: 16px;
  162.     max-width: 16px;
  163.     background: url("chrome://isreaditlater/skin/markfull16.png") center no-repeat;
  164.     cursor: pointer;
  165. }
  166. .isRitL-dim .isRitL-ListMark { background-image:url("chrome://isreaditlater/skin/markempty16.png"); }
  167. .isRitL-ListAge,
  168. .isRitL-PostRank {
  169.     margin: 0px 5px 0px 0px;
  170.     max-width: none;
  171.     font-size: 9px;
  172.     text-align: right;
  173. }
  174. .isRitL-ListAge {
  175.     min-width: 30px;
  176. }
  177. .isRitL-PostRank {
  178.         cursor: pointer;
  179.         padding-left: 15px;
  180.     min-width: 40px;
  181.         color: #000000;
  182.     text-align: center;
  183.         background: url("chrome://isreaditlater/skin/pr.gif") left center no-repeat;
  184. }
  185.  
  186.  
  187. /* -- Scrolling List -- */
  188.  
  189. .isRitL-scroll #isRitL-ListContent {    
  190.     overflow: auto;
  191.     height: 300px;
  192.     margin-bottom: 0px;
  193. }
  194. .isRitL-scroll #isRitL-ListFooter {
  195.     display: none;
  196. }
  197. .isRitL-scroll .isRitL-ListAge {
  198.     min-width: 65px;
  199. }
  200. .isRitL-scroll .isRitL-PostRank {
  201.     min-width: 55px;
  202. }
  203.  
  204.  
  205. /* -- Condensed List -- */
  206.  
  207. .isRitL-cond #isRitL-ListContent {
  208.     margin-bottom: 30px;
  209. }
  210. .isRitL-cond .isRitL-ListRow {
  211.     padding: 0px 0px 0px 30px;
  212.     height: 18px;
  213.     font-size: 11px;
  214.     background-position: 8px 0px;
  215. }
  216. .isRitL-cond .isRitL-ListDomain { display: none; }
  217. .isRitL-cond .isRitL-ListMark {
  218.     height: 15px;
  219. }
  220. .isRitL-cond .isRitL-ListAge {
  221.     min-width: 30px;
  222. }
  223. .isRitL-cond.isRitL-scroll .isRitL-ListAge {
  224.     min-width: 50px;
  225. }
  226.  
  227. /* -- Sidebar List -- */
  228.  
  229. #isRitL-sidebar {
  230.     width: 100%;
  231.     background: none;
  232.     overflow: auto;
  233. }
  234. #isRitL-sidebar #isRitL-List {
  235.     width: 100%;
  236. }
  237. #isRitL-sidebar .isRitL-scroll #isRitL-ListContent {    
  238.     overflow: auto;
  239.     height: auto;
  240. }
  241. #isRitL-sidebar .isRitL-ListAge {
  242.     min-width: 30px;
  243. }
  244. #isRitL-sidebar .isRitL-PostRank {
  245.     min-width: 40px;
  246. }
  247.  
  248.  
  249. #isRitL-ListMore { font-size: 10px; padding-top: 18px; }
  250. #isRitL-ListPrevious { min-width: 45px; max-width: 45px; font-size: 10px; text-align: right; }
  251. #isRitL-ListNext { min-width: 24px; max-width: 24px; font-size: 10px; text-align: right; }
  252. #isRitL-ListPageLabel { min-width: 30px; max-width: 30px; padding: 0px; margin: 0px; font-size: 10px; padding-top: 5px; }
  253. #isRitL-ListPage {
  254.     width: 74px;
  255. }
  256.  
  257.  
  258. #isRitL-ListFooter hbox label {
  259.     min-width:inherit;
  260. }
  261.  
  262. /* --- Messages --- */
  263.  
  264. #isRitL-Notify {
  265.         overflow: visible;    
  266. }
  267. #isRitL-Notify notification {
  268.         margin: 10px 6px 0px 6px;
  269.         border-top:1px solid #CCCCCC;  
  270.         border-left:1px solid #CCCCCC;
  271. }
  272. #isRitL-Notify .messageCloseButton   {
  273.         display: none;
  274. }
  275.  
  276.  
  277. #isRitL-Msg {
  278.     background: url("chrome://isreaditlater/skin/syncing.png") center no-repeat;
  279.     padding-top: 60px;
  280.     text-align: center;
  281. }
  282.  
  283. #isRitL-Connect {
  284.     padding: 40px 15px 20px 15px;
  285.     text-align: center;
  286. }
  287.  
  288. .isRitL-ListMsg {
  289.     padding: 30px 15px 20px 15px;
  290. }
  291.  
  292. .isRitL-ListMsg.isRitL-HelpMsg {
  293.     margin-top: 20px;
  294.     background: url("chrome://isreaditlater/skin/support_16.png") top center no-repeat;
  295.         padding-top: 40px;
  296. }
  297.  
  298. .isRitL-ListMsg description {
  299.     margin-bottom: 20px;
  300. }
  301.  
  302. #isRitL-ConnectBtn {
  303.     margin-left: 100px;
  304.     margin-right: 100px;
  305. }
  306.  
  307. /* --- Mark as Read --- */
  308.  
  309. #isRitL-markAnd {
  310.     padding: 4px;
  311. }
  312. #isRitL-markAndIcon { list-style-image: url("chrome://isreaditlater/skin/markfull48.png"); }
  313. #isRitL-markAndMoreBtn { min-width: 0px; }
  314.  
  315. /* --- Offline --- */
  316.  
  317. #isRitL-Offline label {
  318.     width: 38px;
  319. }
  320. #isRitL-Offline {
  321.     width: 445px;
  322. }
  323. #isRitL-OfflineStep1,
  324. #isRitL-OfflineStep2,
  325. #isRitL-OfflineStep3 { padding: 25px 16px 25px 16px; }
  326.  
  327. #isRitL-OfflineStep1 vbox,
  328. #isRitL-OfflineStep2 vbox,
  329. #isRitL-OfflineStep3 vbox,
  330. #isRitL-Anywhere vbox.isRitL-p { font-size: 12px; padding-bottom: 18px; }
  331.  
  332. #isRitL-A-feed_id,
  333. #isRitL-A-pass { font-weight: bold; }
  334.  
  335. #isRitL-processed,
  336. #isRitL-skipped { margin: 0px 0px 0px 4px; padding: 0px; min-width: 0px; max-width: 12px; font-weight: bold; }
  337.  
  338. #isRitL-OfflineMeterDone { -moz-opacity:0.7 }
  339.  
  340.  
  341.  
  342. /* --- Options --- */
  343.  
  344.  
  345. #isRitL-settings { min-width: 750px; max-height: none; min-height: 575px; height: auto; }
  346.  
  347. #isRitL-settings groupbox { width: 520px; max-width: 520px; }
  348.  
  349. #isRitL-settings .isRitL-OptsCol1 { min-width: 200px; }
  350. #isRitL-options-main {
  351.     
  352. }
  353. #isRitL-options-main listitem {
  354.     font-size: 12px;
  355. }
  356. #isRitL-options-main vbox.isRitL-pTab {
  357.     visibility: collapse;
  358. }
  359. #isRitL-options-main vbox.isRitL-pTab.isRitL-open {
  360.     visibility: visible;
  361. }
  362.  
  363. #isRitL-list-view-grid label {
  364.     height: 75px;
  365.     background:#FFFFFF center no-repeat;
  366. }
  367.  
  368.  
  369.  
  370. /* --- Offline Options --- */
  371.  
  372. #isRitL-offlineList {
  373.     overflow: auto;
  374.     height: 250px;
  375.     border: 1px solid #95927B;
  376.     background: #FFFFFF;
  377.     /*color: #000000 !important;*/
  378. }
  379. #isRitL-offlineList .isRitL-offlineList-header {
  380.     font-weight: bold;
  381.     background: #ece9d8;
  382. }
  383. #isRitL-offlineList .isRitL-offlineList-header label {
  384.     padding-left: 0px;
  385. }
  386. #isRitL-offlineList row {
  387.     background: #FFFFFF;
  388. }
  389. #isRitL-offlineList row.isRitL-not-saved-offline {
  390.     -moz-opacity:0.4;
  391. }
  392. #isRitL-offlineList row label {
  393.     padding-left: 20px;
  394.     background-position: left center;
  395.     background-repeat: no-repeat;
  396. }
  397.  
  398. /* --- General --- */
  399.  
  400.  
  401. #isRitL-iframes {
  402.     width: 1000px;
  403.     overflow: hidden;
  404. }
  405. #isRitL-iframes iframe {
  406.     top: -789em;
  407.     left: -789em;
  408.     width: 1000px;
  409.     height: 1000px;
  410. }
  411. .isRitL-Msg { text-align: center; font-size: 120%; margin: 15px 0px 15px 0px; }
  412.  
  413. /* --- */
  414.  
  415. .isRitL-ex {
  416.     padding-right: 215px;
  417.     margin-bottom: 35px;
  418.     background-position: top right;
  419.     background-repeat: no-repeat;
  420. }
  421. .isRitL-ex label {
  422.     font-weight: bold;
  423.     font-size: 12px;
  424.     margin-bottom: 20px;
  425. }
  426. .isRitL-ex description {
  427.     font-size: 11px;
  428.     margin-bottom: 20px;
  429. }
  430.  
  431.  
  432. /* --- Bindings --- */
  433.  
  434. #isRitL-ReadSomething.isRitL-showCount {
  435.     -moz-binding: url("chrome://isreaditlater/content/isreaditlater.xml#toolbarbutton");
  436. }
  437. .reading-list-drop {
  438.     -moz-binding: url("chrome://isreaditlater/content/isreaditlater.xml#reading-list-drop");
  439. }
  440.  
  441.  
  442.  
  443.